<template>
  <div id="app">
    <!-- <div class="row">
      <we-button @sub="fn">确定</we-button>
      <we-button type="primary">确定</we-button>
      <we-button type="success">确定</we-button>
      <we-button type="info">确定</we-button>
      <we-button type="waring">确定</we-button>
      <we-button type="danger">确定</we-button>
    </div>
    <div class="row">
      <we-button>确定</we-button>
      <we-button plain type="primary">确定</we-button>
      <we-button plain type="success">确定</we-button>
      <we-button plain type="info">确定</we-button>
      <we-button plain type="waring">确定</we-button>
      <we-button plain type="danger">确定</we-button>
    </div>
    <div class="row">
      <we-button plain>确定</we-button>
      <we-button round plain type="primary">确定</we-button>
      <we-button round plain type="success">确定</we-button>
      <we-button round plain type="info">确定</we-button>
      <we-button round plain type="waring">确定</we-button>
      <we-button round plain type="danger">确定</we-button>
    </div>
    <div class="row">
      <we-button circle>确定</we-button>
      <we-button circle plain type="primary">确定</we-button>
      <we-button circle plain type="success">确定</we-button>
      <we-button circle plain type="info">确定</we-button>
      <we-button circle plain type="waring">确定</we-button>
      <we-button circle plain type="danger">确定</we-button>
    </div>
    <div class="row">
      <we-button circle>确定</we-button>
      <we-button circle plain type="primary">确定</we-button>
      <we-button circle plain type="success">确定</we-button>
      <we-button circle plain type="info">确定</we-button>
      <we-button circle plain type="waring">确定</we-button>
      <we-button circle plain type="danger">确定</we-button>
    </div>
    <div class="row">
      <we-button circle icon="we-icon-check-circle"></we-button>
      <we-button circle icon="we-icon-check-circle" plain type="primary"></we-button>
      <we-button circle icon="we-icon-check-circle" plain type="success"></we-button>
      <we-button circle icon="we-icon-check-circle" plain type="info"></we-button>
      <we-button circle icon="we-icon-check-circle" plain type="waring"></we-button>
      <we-button circle icon="we-icon-check-circle" plain type="danger"></we-button>
    </div>

    <div class="row">
      <we-button circle icon="we-icon-check-circle">库</we-button></we-button>
      <we-button circle icon="we-icon-check-circle" plain type="primary">库</we-button>
      <we-button circle icon="we-icon-check-circle" plain type="success">库</we-button>
      <we-button circle icon="we-icon-check-circle" plain type="info">库</we-button>
      <we-button circle icon="we-icon-check-circle" plain type="waring">库</we-button>
      <we-button circle icon="we-icon-check-circle" plain type="danger">库</we-button>
    </div>

    <div class="row">
      <we-button circle icon="we-icon-check-circle" disabled>库</we-button></we-button>
      <we-button circle icon="we-icon-check-circle" plain  disabled type="primary">库</we-button>
      <we-button circle icon="we-icon-check-circle" plain  disabled type="success">库</we-button>
      <we-button circle icon="we-icon-check-circle" plain disabled type="info">库</we-button>
      <we-button circle icon="we-icon-check-circle" plain disabled type="waring">库</we-button>
      <we-button circle icon="we-icon-check-circle" plain disabled type="danger">库</we-button>
    </div> -->


    <!-- dialog  -->
    <!-- <we-button type="primary" @click="visible = true">打开dialog</we-button>
    <!-- <we-dialog title="温馨提示" width=40% :visible="visible" @close="close"> -->
    <!-- <we-dialog title="温馨提示" width=40% :visible.sync="visible">
      请问需要吗
      <template v-slot:footer>  
        <we-button>取消</we-button>
        <we-button type="primary">确认</we-button>
      </template>
    </we-dialog> --> 


    <!-- <we-dialog>
      <template v-slot:title>
        <h3>
          我是标题
        </h3>
      </template>
    </we-dialog> -->


  </div>
</template>

<script>
export default {
  name: 'App',
  components: {
    
  },
  data() {
    return {
      visible: false,
      num:100
    }
  },
  methods: {
    fn() {
      console.log(123);
    },
    aaa() {
      console.log(1);
    },
    close() {
      this.visible = false
    },
    adds(val) {
      this.num = val
    }
  },
}
</script>

<style lang="scss" scoped>
.row {
  margin-bottom: 20px;
  .we-button {
    margin-right: 20px;
  }
}
</style>
